<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
      #zxy{
          color: green;
      }
    .c1{
      background-color: yellow;
    }
    .c2{
      background-color: red;
    }
    input[type='submit']{color: red}
    input[type='button']{background-color: red}
    *{
        boder:1px solid red;
    }
  </style>
</head>
<body>
<ul >
  <li id="zxy">张学友</li>
  <li style="color: blue">刘德华</li>
  <li>郭富城</li>
</ul>
<h1 class="c1" style="color: blue">悟空</h1>
<h1 class="c1">八戒</h1>
<h1 class="c1">唐僧</h1>
<h2 class="c1">刘备</h2>
<input type="submit" style="color: pink">
<input type="button" value="按钮" class="c2">
</body>
</html>